import { NavBar, Icon } from 'antd-mobile';
import React from 'react'
import { withRouter } from 'react-router';
import 'antd-mobile/dist/antd-mobile.css'
class NavHeade extends React.Component {
    render() {
        return (
            <div>
                <NavBar
                    style={{
                        backgroundColor: '#d43d3d', color: 'white', position: "fixed", position: 'fixed',
                        width: '100%',
                        zIndex: '99999',
                        top: '0'
                    }}
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={() => console.log('onLeftClick')}
                    rightContent={[
                        <Icon key="1" type="ellipsis"
                            onClick={() => {
                                console.log(1);
                            }}
                        />,
                    ]}
                >
                    <h4 style={{ color: "white" }}>今日早报</h4>
                </NavBar>
            </div>
        )
    }
}
export default withRouter(NavHeade)